.product {
	padding: 10px 10px 10px 10px;
	margin:  0px 0px 10px 0px;
	width:  100%;
	height: 220px;
  	/*border-radius: 0.5rem;*/
	border-bottom: 1px solid #c5c5c5;
	background-color: #fff;
	display: flex;
    justify-content: space-between;

}
/* тень рамки
.product:hover {
	border-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
 }
*/
.product-blok-0{
	width: 240px;
	text-align: left;

	

}
.product-blok-2{
		text-align: left;
}



 .product-block-1{
	width: 180px;
	text-align: center;
}

.product b {
		 font-weight: 500;
		  color: rgb(36, 36, 36);
	   }
 
.product ul {             
		 list-style: none;	
		
			   }
 

			   
.product ul li {
		margin-top: 5px;
		font-size: 14px;
		color: rgb(103, 102, 102);
	   }
	   .product a {
		font-size: 14px;
		text-decoration: none;
		color: rgb(103, 102, 102);
	   }
	   .product a:hover  {
		font-size: 14px;
		text-decoration: none;
		color: rgb(57, 180, 232);
	   }   
	

	   .product-blok-3{
		text-align: left;
		width: 1000px;
	}
		
	   .product-blok-3 ul li {
		color: rgb(202, 17, 17);
	}
	


.product .cod {
		font-size: 11px;
		vertical-align: top;
		 }
		 .product .cod:hover  {
			font-size: 11px;
			 }
 
.product hr {            
		 margin: 5px 0px 5px 0px;
		 border: 0;
		 height: 0.6px;
		 background: rgba(180, 180, 180, 0.789);
	   }
 
.product>p {
		 text-align: center;
		 color: rgb(103, 102, 102);
	   }
 

 button  { /*действие кнопки при наведении обращение к двум блокам через зяпятую ", .email .block button" */    
		cursor: pointer;
		border: 0;
		width: 150px;
		height: 30px;
		color: rgb(253, 253, 253);
		background: rgb(57, 180, 232);
		font-size: 15px;
		border-radius: 10px;
		transform: all 500ms ease;
		position: relative; /*позиция кнопки поиска*/
		
	}
	
	
.button-catalog {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		min-width: 120px;
		max-width: 120px;
	   }
	
button:hover {
			background: rgb(115, 198, 234);
		}

/* добавить контент перед текстом
		li::before {
			display: inline-block;
			width: 30px;
			text-align: center;
			filter: grayscale(100%);
		  }
		  
		  li:first-child::before {
			content: url(44.png) ;
			 }
		  li:hover::before {
			filter: grayscale(0);
			}
			*/

/* Мобильная версия карточек электродвигателей: картинка сверху, текст снизу */
@media (max-width: 768px) {
  .product {
    flex-direction: column;
    height: auto;
    min-height: auto;
    padding: 12px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  }

  .product-blok-0 {
    width: 100%;
    order: 1;
    text-align: center;
    margin-bottom: 12px;
  }

  .product-blok-0 ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .product-blok-0 .img-product {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 220px;
    object-fit: contain;
  }

  .product-blok-0 .hint-top-art {
    margin-top: 6px;
  }

  .product-blok-2 {
    order: 2;
    width: 100%;
    margin-bottom: 12px;
  }

  .product-blok-2 ul li {
    font-size: 13px;
    margin-top: 4px;
  }

  .product > div:nth-child(3) {
    order: 3;
    width: 100%;
    margin-bottom: 12px;
  }

  .product-block-1 {
    width: 100%;
  }

  .product-block-3 {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .product {
    padding: 10px;
  }

  .product-blok-0 .img-product {
    max-width: 100%;
    max-height: 200px;
  }

  .product-blok-2 ul li {
    font-size: 12px;
  }
}